*{margin: 0;padding: 0;}
ul li{list-style: none;}
body{display: flex;flex-direction: column;
    text-decoration: none;
}

.box1{width: 1090px;margin: 0 auto;margin-bottom: 10px;margin-top: 10px;}
.box1 .item1{height: 30px;border: 1px solid #ccc;border-bottom: none;overflow: hidden;}
.box1 .item1 .iconfont{float: left;color: #c0ad9c;line-height: 30px;font-size: 18px;margin-left:8px;}
.box1 .item1 span{float: left;font-size: 12px;line-height: 30px;margin-left: 12px;}
.box1 .item1 .item2{float: right;width: 65px;height:30px;background-color: #cf7054;}
.box1 .item1 .item2 p{font-size: 10px;line-height: 30px;text-align: center;}
.box1 .item3{height: 110px;text-align: center;line-height: 110px;font-size: 10px;border: 1px solid #ccc;}

.SH{width: 1090px;margin: 0 auto;height: 50px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;border: 1px solid #ccc;}
.SH .ST{margin-left: 300px;}
.SH [type=text]{width: 200px;height: 40px;border: 1px solid #999;border-radius: 20px;padding-left: 10px;}


.top{width: 1090px;margin: 0 auto;border:1px solid #ccc;margin-bottom:15px;background-color: #eff8f7;height: 32px;display: flex;align-items: center;}
.top [type=checkbox]{margin-left: 16px;width: 14px;height: 14px;line-height: 32px;}
.top ul{display: flex;align-items: center;}
.top ul li{line-height: 32px;font-size: 10px;}
.top ul li:first-child{margin-left: 12px;}
.top ul li:nth-child(2){margin-left: 60px;}
.top ul li:nth-child(3){
    margin-left: 226px;}
.top ul li:nth-child(4){margin-left: 100px;}
.top ul li:nth-child(5){margin-left: 275px;}
.top ul li:last-child{margin-left: 175px;}


.center{width: 1090px;height: 32px;background-color: #fffbf2;display: flex;align-items: center;margin: 0 auto;border: 1px solid #ccc;margin-bottom: 8px;}
.center .a1{width: 60px;height: 15px;background-color: #be7759;margin-left: 44px;}
.center .a1>p{font-size: 6px;color: #fff;text-align: center;line-height:15px ;}
.center>p{font-size: 10px;margin-left: 8px;}
.center .a2{width: 46px;height:16px;border: 2px solid #e8b3b9;margin-left:12px;}
.center .a2>p{text-align: center;line-height: 16px;font-size: 8px;color: #d491a2;}
.center em{font-style: normal;font-size: 10px;color: #92a4b8;margin-left: 14px;}



section .box{width: 1090px;height: 100px;display: flex;align-items: center;margin: 0 auto;border: 1px solid #ccc;background-color: #fff;}
section .box [type=checkbox]{margin:0 15px;}
section .box .img img{margin-top: 5px;margin-right: 15px;width: 70px;height: 70px;}
section .box ul{font-size: 10px;margin-right: 30px;width: 250px;}
section .box ul li:first-child{line-height: 30px;color: #333;}

section .box .p1{font-size: 10px;}
section .box .box2{margin-right: 70px;margin-left: 60px;}
section .box .box2 .box3{display: flex;height: 18px;align-items: center;}
section .box .box2 .box3 .reduce{width: 18px;text-align: center;line-height: 18px;border: 1px solid #666;background-color: #fff;border-right:none;}
section .box .box2 .box3 .add{width: 18px;text-align: center;line-height: 18px;border: 1px solid #666;background-color: #fff;border-left: none;}
section .box .box2 .box3 .ipt{width: 45px;font-size:8px;height:16px;text-align: center;line-height: 18px;}
section .box .box2 span{font-size: 8px;color: #ab6d62;text-align: center;}
section .box dl{font-size: 8px;margin-left: 180px;
color: #828479;}
section .box .p2{color: #ab6d62;font-size: 10px;margin-left: 150px;}
section .empty{width: 1090px;margin: 0 auto;text-align: center;border: 1px solid #ccc;margin-bottom: 10px;}

footer{display: flex;width: 1090px;margin: 0 auto;background-color: #f5f5f5 ;align-items: center;
border: 1px solid #ccc;height: 50px;}
footer .box5 ul{display: flex;}
footer .money{display:flex}
footer [type=checkbox]{margin-left: 10px;}
footer .p3{font-size: 10px;margin-left: 10px;margin-right: 76px;}
footer .p4{font-size: 10px;margin-right: 20px;}
footer .p5{font-size: 10px;margin-right: 125px;}
footer .box5{font-size: 10px;color:#adadaf;padding-right: 20px;border-right: 1px solid #ececec;}
footer .box5 ul li:last-child{margin-left: 360px;}
footer .money .p1{margin-left: 90px;font-size: 10px;}
footer .money span{font-size: 12px;color: #a55357;margin-left: 120px;width: 40px;}

footer .p6{text-align: center;line-height: 50px;color: #fff;font-size: 12px;width: 75px;height: 51px;color:#333;margin-left: 150px;}